// 公共header高度
@header: 0.85rem;
// 最小宽度
@min-pc-width: 1400px;
// 主题颜色
@import "./theme-color.less";

// hover 动画时间(方法：默认0.5s)
.hoverAnim(@time: 0.5s) {
  transition: all @time;
  -moz-transition: all @time;
  /* Firefox 4 */
  -webkit-transition: all @time;
  /* Safari 和 Chrome */
  -o-transition: all @time;
  /* Opera */
  -ms-transition: all @time;
  /* Opera */
}

.scrollBarStyle(@width:5px,@height:5px,@color:@scrollColor) {
  &::-webkit-scrollbar {
    width: @width;
    height: @height;
  }
  &::-webkit-scrollbar-thumb {
    /* border-radius: 99999px; */
    background-color: @color;
    border-radius: @scrollBorderRadius;
  }
  scrollbar-color: @color #fff;
  scrollbar-width: thin;
}

// 红线
.redLineAfter {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  // background: @scrollColor;
  background: @redLineColor;
  top: 0;
  left: 0;
  .hoverAnim();
}

// 单行文本溢出
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 多行文本溢出
.multi-line-text-truncate(@line, @direction : vertical) {
  display: -webkit-box;
  overflow: hidden;
  line-clamp: @line;
  -webkit-line-clamp: @line;
  box-orient: @direction;
  -webkit-box-orient: @direction;
  -moz-box-orient: @direction;
}

.middle-box {
  width: 99%;
  height: 6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

